class Add{
    constructor(){
        this.submit()
    }
    submit(){
        $('#addpos-form').on('submit', e => {
            e.preventDefault()
            // 向后端提交数据，上传文件
            const title = $('#title').val(),
                  company = $('#company').val(),
                  salary = $('#salary').val(),
                  experience = $('#experience').val(),
                  logo = $('#logo')[0].files[0];
            // FormData是原生js支持的一个对象，用来上传文件的
            // 先new一个实例，然后把要提交的数据全部append进来
            const fd = new FormData()
            fd.append('title', title)
            fd.append('company', company)
            fd.append('salary', salary)
            fd.append('experience', experience)
            fd.append('logo', logo)
      
            // 发送请求
            // 这里上传的时候要设置两个参数：contentType：false意思是让jquery不要去帮我们修改contentType
            //  processData: false告诉jquery不要去处理参数（jquery本身默认会帮我们取加工参数拼接字符串）
            $.ajax({
              url: '/api/pos/add',
              method: 'post',
              data: fd,
              contentType: false,
              processData: false,
              success: function (resp) {
                if (resp.code === 200) {
                   // 把input都清空
                   $('#title').val('')
                   $('#company').val('')
                   $('#salary').val('')
                   $('#experience').val('')
                   $('#logo').val('')
                   if (confirm('新增成功，是否跳转列表页？')) {
                     window.open('/list')
                   }
                }
              },
              error:function(e){
                console.log(e)
              }
            })
          })
    }
}
new Add()